#5E0316

Color Details

HEX
#5E0316
RGB
rgb(94, 3, 22)
HSL
hsl(347, 94%, 19%)
CMYK
cmyk(0%, 97%, 77%, 63%)
Best text on this color #FFFFFF (CR 13.99:1) Determined by WCAG contrast ratio

Readability Previews

Black on #5e0316
Contrast 1.50:1 Fail
White on #5e0316
Contrast 13.99:1 AAA
#5e0316 on Black
Contrast 1.50:1 Fail
#5e0316 on White
Contrast 13.99:1 AAA

Tints & Shades

#7e3545
#9e6873
#bf9aa2
#4b0212
#38020d
#260109

Complement & Analogous

#035e4a
#5e1d03
#5e0344

Triadic

#175e03
#03175e

Monochrome

#260109 #38020d #5e0316 #9e6873 #bf9aa2 #dfcdd0

Analogous

#5e0344 #8e4f7c #5e0316 #7e4a35 #5e1d03 #4b1702

Complementary Mix

#38020d #5e0316 #9e6873 #035e4a #5b9689 #023d30

Nearby Colors

#5e0315
#5e0317
#5e0306
#5e0326

Embed #5E0316 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #5E0316

#5E0316 converts to RGB(94, 3, 22) and HSL(347, 94%, 19%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#5E0316 FAQs

What is the RGB value of #5E0316?
RGB: 94, 3, 22. Copy as CSS: rgb(94, 3, 22)
Is #5E0316 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #5E0316?
Complement: #035e4a.
Does #5E0316 have good contrast on white or black?
On white: 13.99:1 (AAA (normal text)). On black: 1.50:1 (Fails AA).